.li-btn {
    width: 2rem /* 100/50 */;
    height: 1rem /* 50/50 */;
    border-radius: .2rem /* 10/50 */;
    background: -webkit-gradient(linear,0 0,0 100%,from(#d7d7d7),to(#f5f5f5));
    box-shadow: 0 .06rem /* 3/50 */ .2rem /* 10/50 */  #888;
    border: 1px solid #d7d7d7;
    font-size: .5rem /* 25/50 */;    
    color: #000000;
    position: absolute;
    right: .4rem /* 20/50 */ ;
    top: 50%;
    transform: translateY(-50%);
}

.shop {
    .shop-box {
        background-color: #fff;
        li {
            
            a {
                display: flex;
                padding: .4rem /* 20/50 */;
                border-bottom: 1px solid #ccc;
                img {
                    width: 4rem /* 200/50 */;
                    height: 4rem /* 200/50 */;
                    margin-right: .4rem /* 20/50 */;
                }
                div {
                    p:nth-child(1) {
                        font-size: .5rem /* 25/50 */;
                        color: #000000;
                    }
                    p:nth-child(2) {
                        font-size: .6rem /* 30/50 */;
                        color: red;
                        margin-top: .4rem /* 20/50 */;
                        margin-bottom: .4rem /* 20/50 */;
                    }
                    p:nth-child(3) {
                        span {
                            margin-right: .2rem /* 10/50 */;
                        }
                    }
                }
            }
        }
    }
}
//page
.page {
    padding: .2rem /* 10/50 */ .6rem /* 30/50 */;
    background-color: #fff;
    .page-box {
        display: flex;
        justify-content: space-between;
        padding: .2rem /* 10/50 */ 1.54rem /* 77/50 */;
        .left {
            padding: .16rem /* 8/50 */ .6rem /* 30/50 */;
            background: -webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#d4d4d4));
            border-radius: .2rem /* 10/50 */;
            box-shadow: 0 0 .2rem /* 10/50 */ #c4c3c1;
            line-height: .66rem /* 33/50 */;
        }
        .content{ 
            select {
                padding: .16rem /* 8/50 */ .6rem /* 30/50 */;
                background-color: #fafafa;
                font-size: .48rem /* 24/50 */;
            }
            
        }
        .right { 
            padding: .16rem /* 8/50 */ .6rem /* 30/50 */;
            background: -webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#d4d4d4));
            border-radius: .2rem /* 10/50 */;
            box-shadow: 0 0 .2rem /* 10/50 */ #c4c3c1;
            line-height: .66rem /* 33/50 */;

        }

    }

}